﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="MedicalCare.WebForm2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
head content
<script language="javascript" type="text/javascript" src="Scripts/jquery-1.4.1.js"></script> 
<script language="javascript" type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script> 
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<title>无标题文档</title>  
<link rel="stylesheet" href="Styles/Layout.css" />  
<!--引入css样式库-->  
<script type="text/javascript">
    $(document).ready(function () {
       // $("td:eq(0)", $("tr")).hide();
        $("#button1").click(function () {
            //$("td:eq(0)", $("tr")).toggle(500); //设置为0表示不用动画 ，1000就1秒的时间来展示或者隐藏  
            $("#Table1").toggle(100); //设置为0表示不用动画 ，1000就1秒的时间来展示或者隐藏  
        });
    });         
     
</script>   
<input type="button" id="button1" value="隐藏/显示后三列"/>  
<table><tr><td><table id="Table1"  border="1"  cellpadding="0"  
   cellspacing="0" bordercolor="#a3b0dc" style="border-collapse:collapse;">   
   <tr >   
       <td width="50">第一列</td>   
   </tr>     
   <tr><td>id</td></tr>         
   <tr><td>id</td></tr>        
   <tr><td>id</td></tr>   
</table> </td>

<td><table id="mytable"  border="1"  cellpadding="0"  
   cellspacing="0" bordercolor="#a3b0dc" style="border-collapse:collapse;">   
   <tr >   
       <td width="200">第一列</td>   
        <td  width="200">第二列</td>   
      <td  width="200">第三列</td>   
      <td  width="200">第四列</td>   
       <td  width="200">第五列</td>   
   </tr>     
   <tr><td>id</td><td>id1</td><td>id2</td><td>id3</td><td>id4</td></tr>         
   <tr><td>id</td><td>id1</td><td>id2</td><td>id3</td><td>id4</td></tr>        
   <tr><td>id</td><td>id1</td><td>id2</td><td>id3</td><td>id4</td></tr>   
      
    <tr><td>id</td><td>id1</td><td>id2</td><td>id3</td><td>id4</td></tr>         
  <tr><td>id</td><td>id1</td><td>id2</td><td>id3</td><td>id4</td></tr>   
</table> </td>
</tr></table>

  
    
</body>  
</html>
</asp:Content>

